<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle} - {$site.site_name}</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!--头部-->
{include file="header" /}
<!-- 栏目Banner -->
<div class="col-banner">
    <div class="text">
        <div class="title wow fadeInUp" data-wow-delay="0.3s">
            <h3>{$site.ban5_t1}</h3><i></i>
        </div>
    </div>
    <div class="img">
        <div class="pic" style="background-image: url('{$site.banner5|cdnurl}');">
            <img src="__CDN__/assets/addons/wwh/images/col_size.png" class="img-block" alt="">
        </div>
    </div>
    <div class="banner-path wow fadeInLeft" data-wow-delay="0.4s">
        <div class="container-outer">
            <div class="icon"><img src="__CDN__/assets/addons/wwh/images/home.svg" class="img-center"></div>
            <div class="link">
                <a href="{:addon_url('wwh/index/index')}">{:__lang('Home')}</a>
                <span>/</span>
                <a href="{:addon_url('wwh/column/index', [':diyname'=>$top.diyname])}">{if condition="($navCur.parent_id == '0')"} {$navCur.name} {else /} {$top.name} {/if}</a>
                <span>/</span>
                <a href="{:addon_url('wwh/column/index', [':diyname'=>$navCur.diyname])}" class="cur">{if condition="($navCur.parent_id == '0')"}{:__lang('Company')}{else /}{$navCur.name}{/if}</a>
            </div>
        </div>
    </div>
</div>
<!-- 公司介绍 -->
<div class="company-wrapper">
    <div class="container-outer">
        <div class="company-box clearfix">
            <div class="left">
                <div class="title wow fadeInUp" data-wow-delay="0.5s">{$about.about_title|default=''}<i></i></div>
                <div class="text wow fadeInUp" data-wow-delay="0.6s">{$about.about_content|default=''}</div>
            </div>
            <div class="right">
                <div class="pic wow fadeInUp" data-wow-delay="0.7s" style="background-image: url('{$about.about_image|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/company_size.png" class="img-block">
                    {if condition="empty($about.about_video) neq true"}
                    <a href="javascript:;" class="play-btn m-video ani" data-src="{$about.about_video|cdnurl}"><i></i></a>
                    {/if}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 发展历程 -->
<div class="develop-box pto">
    <div class="container-outer">
        <div class="top">
            <div class="title wow fadeInUp" data-wow-delay="0.6s">{:__lang('Development History')}<i></i></div>
        </div>
        <div class="bottom">
            <div class="develop-con">
                <div class="swiper-container develop-swiper">
                    <div class="swiper-wrapper">
                        {volist name="development" id="v"}
                        <div class="swiper-slide wow fadeInUp" data-wow-delay="0.7s">
                            <div class="item-box">
                                <div class="time">{$v.year}<span>{:__lang('Year')}</span></div>
                                <div class="line"></div>
                                <div class="desc">{$v.content}</div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                    <div class="swiper-pagination wow fadeInUp" data-wow-delay="0.8s"></div>
                </div>
            </div>
            <div class="swiper-button clearfix">
                <div class="arrow develop-prev wow fadeInLeft" data-wow-delay="0.8s">
                    <img src="__CDN__/assets/addons/wwh/images/prev.svg" alt="">
                </div>
                <div class="arrow develop-next wow fadeInRight" data-wow-delay="0.8s">
                    <img src="__CDN__/assets/addons/wwh/images/next.svg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 企业文化 -->
<div class="culture-box">
    <div class="container-outer">
        <div class="top">
            <div class="title wow fadeInUp" data-wow-delay="0.9s">{:__lang('Corporate Culture')}<i></i></div>
        </div>
        <div class="bottom">
            <div class="left items pic wow fadeInLeft" data-wow-delay="1.1s" style="background-image: url('{$about.culture_image1|cdnurl}');">
                <img src="__CDN__/assets/addons/wwh/images/culture_big.png" class="img-block">
                <div class="text-box">
                    <i style="background-image: url('__CDN__/assets/addons/wwh/images/culture_ico1.png');"></i>
                    <div class="title">
                        <p class="tit">{$about.culture_title1|default=''}</p>
                        <p class="slogan">{$about.culture_slogan1|default=''}</p>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="items pic wow fadeInRight" data-wow-delay="1.2s" style="background-image: url('{$about.culture_image2|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/culture_small.png" class="img-block">
                    <div class="text-box">
                        <i style="background-image: url('__CDN__/assets/addons/wwh/images/culture_ico2.png');"></i>
                        <div class="title">
                            <p class="tit">{$about.culture_title2|default=''}</p>
                            <p class="slogan">{$about.culture_slogan2|default=''}</p>
                        </div>
                    </div>
                </div>
                <div class="items pic wow fadeInRight" data-wow-delay="1.3s" style="background-image: url('{$about.culture_image3|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/culture_small.png" class="img-block">
                    <div class="text-box">
                        <i style="background-image: url('__CDN__/assets/addons/wwh/images/culture_ico3.png');"></i>
                        <div class="title">
                            <p class="tit">{$about.culture_title3|default=''}</p>
                            <p class="slogan">{$about.culture_slogan3|default=''}</p>
                        </div>
                    </div>
                </div>
                <div class="items pic wow fadeInRight" data-wow-delay="1.4s" style="background-image: url('{$about.culture_image4|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/culture_small.png" class="img-block">
                    <div class="text-box">
                        <i style="background-image: url('__CDN__/assets/addons/wwh/images/culture_ico4.png');"></i>
                        <div class="title">
                            <p class="tit">{$about.culture_title4|default=''}</p>
                            <p class="slogan">{$about.culture_slogan4|default=''}</p>
                        </div>
                    </div>
                </div>
                <div class="items pic wow fadeInRight" data-wow-delay="1.5s" style="background-image: url('{$about.culture_image5|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/culture_small.png" class="img-block">
                    <div class="text-box">
                        <i style="background-image: url('__CDN__/assets/addons/wwh/images/culture_ico5.png');"></i>
                        <div class="title">
                            <p class="tit">{$about.culture_title5|default=''}</p>
                            <p class="slogan">{$about.culture_slogan5|default=''}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
{include file="footer" /}
<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/video.css">
<script type='text/javascript' src="__CDN__/assets/addons/wwh/js/video.js"></script>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        // autoplay: true, //自动滑动
        speed: 500,
        slidesPerView: 'auto',
        // centeredSlides: true,
        pagination: {
            el: '.swiper-pagination',
            type: 'progressbar',
        },
        navigation: {
            nextEl: '.develop-next',
            prevEl: '.develop-prev',
        },
    });
</script>
</body>
</html>
